<template>
	<view class="bottom">
		<button type="default" class="btn" @click="submit">{{title}}</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
			title:{
				type:String
			}
		},
		methods:{
			submit(){
				this.$emit('submit');
			}
		}
	}
</script>

<style scoped lang="less">
	.bottom{
		width: 100%;
		height: 116upx;
		position: fixed;
		bottom: 0;
		background: #FFFFFF;
		box-shadow: 0px -10upx 80upx rgba(167, 167, 167, 0.16);
		opacity: 1;
		
		.btn{
			width: 686upx;
			height: 80upx;
			background: linear-gradient(110deg, #3465B1 0%, #5577AE 100%);
			box-shadow: 0px 4px 6px rgba(33, 159, 255, 0.36);
			opacity: 1;
			color: #FFFFFF;
			margin: 18upx auto;
			border-radius: 150upx;
		}
	}
</style>
